.title-bar {
      height: 20px;
      background-color: #63b8ff; /* light blue bar */
      border-top-left-radius: 10px;
      border-bottom-right-radius:10px ;
    }
    .bullet-icon::before {
      content: "➤ ";
      color: #1f4ba5;
      font-weight: bold;
    }
    .heading-color{
        color: #2b2d98;
    }
    .custom-btn {
      background-color: #2b2d98;
      color: #fff;
      padding: 10px 30px;
      border-radius: 6px;
      font-weight: 600;
      border: none;
      text-decoration: none;
    }
    .custom-btn:hover {
      opacity: 0.9;
    }
    .instruction-box {
      max-width: 900px;
    }
 .logo-round {
  width: 100%;              /* responsive */
  max-width: 120px;         /* limit size so it doesn't grow too big */
  aspect-ratio: 1 / 1;      /* keeps it a perfect square */
  border-radius: 50%;       /* makes it round */
  object-fit: cover;        /* prevents distortion */
}
.bg-color-container{
    background-color: rgb(218, 216, 216);
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
}
.bs{
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
}